<template>
  <div class="forgetPwd">
     <van-nav-bar
      title="设置"
      left-arrow
      @click-left="$router.go(-1)"
    />
    <div class="modifyPwd">
      <div class='list1'>
        <van-cell-group>
          <van-field v-model="phone" placeholder="请输入手机号" />
        </van-cell-group>
      </div>
      <div class='list'>
        <van-cell-group>
          
          <van-field v-model="password" placeholder="请输入新密码"  left-icon="contact"/>
        </van-cell-group>
        <van-cell-group>
          <van-field v-model="confirm" placeholder="请确认新密码"  left-icon="contact"/>
        </van-cell-group>
      </div>
      <div class="getCode">
        <van-cell-group>
          <van-field v-model="code" placeholder="请输入验证码"  left-icon="contact"/>
        </van-cell-group>
        <button>获取验证码</button>
      </div>
      <div class="success">
        <button>修改密码</button>
      </div>
    </div>
   
  </div>
</template>

<script>
  export default {
    data() {
      return {
        phone: '',
        password:'',
        confirm:'',
        code:''
      }
    },
  }
</script>

<style scoped lang='less'>
  .forgetPwd{
    
    background-color: #e6e6e6;
    min-height: 100vh;
    .van-nav-bar{
      background-color: #5cadff;
      .van-nav-bar__title{
        color: white;
      }
       .van-icon{
        color: white;
      }
    }
    .modifyPwd{
      width: 95%;
      margin: 0 auto;
      .van-cell-group{
        border: 1px solid #e6e6e6;
      }
      .list1{
        margin: 10px 0;
      }
      .list{
        margin: 10px 0;
        .van-cell-group:nth-child(1){
          border-bottom: none;
        }
      }
      .getCode{
        display: flex;
        justify-content: space-between;
        .van-cell-group{
          width: 60%;
        }
        button{
          width: 38%;
          border: none;
          color: white;
          padding: 5px 0;
          background-color: #5cadff;
        }
      }
      .success{
        margin-top: 10px;
        text-align: center;
        button{
          width: 95%;
          border: none;
          color: white;
          padding: 10px 0;
          background-color: #5cadff;
        }
      }
    }
    
  }
</style>